<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/etails page.css">
    <title>详情页</title>
</head>

<body>
    <!-- 快捷导航栏 开始 -->
    <section class="shortcut" id="dingbu">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>1号商店欢迎您! &nbsp;</li>
                    <li><a href="denglv.html" target="blank">请登录 &nbsp;</a></li>
                    <li><a href="zhuce.html" class="style_red" target="blank">免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li class="ll"></li>
                    <li class="arrow-icon">
                        <a href="#">收藏夹</a>
                        <ul class="list_01">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="arrow-icon">
                        <a href="#">客服服务</a>
                        <ul class="list_02">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="arrow-icon">
                        <a href="#">网站导购</a>
                        <ul class="list_02">
                            <li><a href="#">电影</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">电脑</a></li>
                            <li><a href="#">键盘</a></li>
                            <li><a href="#">鼠标</a></li>
                        </ul>
                    </li>
                    <li class="ll"></li>
                    <li class="fr">
                        <a href="#">关注我们：</a>
                        <a href="#" class="s_2">微信</a>
                        <a href="#" class="s_1">新浪</a>
                    </li>
                    <li class="ll"></li>
                    <li>
                        <a href="#">手机版</a>
                        <a href="#" class="s_3">手机</a>
                    </li>
                </ul>

            </div>
        </div>
    </section>
    <!-- 快捷导航栏 结束 -->
    <!-- header 头部 模块 开始-->
    <header class="header w">
        <!-- logo 模块 -->
        <div class="logo">
            <h1>
                <a href="#" title="1号商店">1号商店</a>
            </h1>
        </div>
        <!-- search 模块 -->
        <div class="search">
            <form>
                <input type="search" placeholder="请输入关键字">
                <button><a href="search.html">搜索</a></button>
            </form>
        </div>
        <!-- hotwords 模块 -->
        <div class="hotwords">
            <a href="#" class="style_red">咖啡</a>
            <a href="#">iphone 6S</a>
            <a href="#">新鲜美食</a>
            <a href="#">蛋糕</a>
            <a href="#">日用品</a>
            <a href="#">连衣裙</a>
        </div>
        <!-- 购物车模块 -->
        <div class="shopcar"><a href="etails page.html" target="blank">购物车</a><i class="count">99</i></div>
    </header>
    <!-- header 头部 模块 结束-->
    <!-- nav 模块 开始 -->
    <nav class="nav w">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品分类</div>
            </div>
            <div class="navitems">
                <ul>
                    <li><a href="index.html" target="blank" class="style_red">首页</a></li>
                    <li><a href="#" class="style_red">自营超市</a></li>
                    <li><a href="#">1号团</a></li>
                    <li><a href="#">1号超市</a></li>
                    <li><a href="#">女装</a></li>
                    <li><a href="#">美妆</a></li>
                    <li><a href="#">1号海购</a></li>
                    <li><a href="#">团购</a></li>
                </ul>
            </div>
            <div class="navlogo"><a href="#"><img src="images/phone.png" alt=""></a></div>
        </div>
    </nav>
    <!-- nav 模块 开始 -->
    <!-- section 模块 开始 -->
    <section class="section w">
        <div class="hd">
            <p>所有团购 > 包饰 > 珠韵首饰 <em class="style_color">冰韵 天然白色正圆S925银扣珍珠项链</em></p>
        </div>
        <div class="bd clearfix">
            <div class="fl">
                <img src="images/p_big.jpg" alt="">
                <ul>
                    <li><a href="#"><img src="images/r_left.png" alt=""></a></li>
                    <li><a href="#"><img src="images/ps1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/ps2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/ps3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/ps4.jpg" alt=""></a></li>
                    <li><a href="#"><img src="images/r_right.png" alt=""></a></li>
                </ul>
            </div>
            <div class="fn">
                <h1>珠韵首饰 冰韵 天然白色正圆S925银扣珍珠项链</h1>
                <p>全国包邮 送妈妈，正圆级淡水珍珠，白色S925银链扣，使用方便，尊贵礼物。</p>
                <p>本店价格：<span class="style_color">¥1786</span></p>
                <p>参考价：¥3886</p>
                <div class="fn_d1">尺码：<i class="dd1"><span></span>43cm</i><i>45cm</i><i>50cm</i></div>
                <div class="fn_d2">颜色选择：<i>粉色</i><i class="dd2"><span></span>白色</i></div>
                <div class="fn_d3"><span>分享</span><span>关注商品</span></div>
                <div class="fn_d4">
                    <div class="fn_num">
                        <input type="text" name="num" id="" ut="" value="1" class="num_1">
                        <input type="button" class="num_2">
                        <input type="button" class="num_3">
                    </div>
                    <div class="car"><a href="#"><img src="images/j_car.png" alt=""></a></div>
                </div>
            </div>
            <div class="fr">
                <div><img src="images/sbrand.jpg" alt=""></div>
                <a href="#">进入品牌专区</a>
            </div>
        </div>
    </section>
    <!-- section 模块 结束 -->
    <!-- etails 模块 开始 -->
    <div class="etails w clearfix">
        <div class="list_fl">
            <div class="fl_header">用户还喜欢 </div>
            <ul>
                <li>
                    <a href="#"><img src="images/his_1.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_2.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_3.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_4.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
                <li>
                    <a href="#"><img src="images/his_5.jpg" alt=""></a>
                    <p>Dior/迪奥香水2件套装</p>
                    <span>￥368.00</span>
                </li>
            </ul>
        </div>
        <div class="list_fr" id="dapei">
            <div class="fr_header">
                <a href="#dapei" class="header_a">推荐搭配</a>
            </div>
            <div class="fr_hd">
                <ul>
                    <li>
                        <a href="#"><img src="images/mat_1.jpg" alt=""></a>
                        <p><a href="#">粤通国际珠宝 999足金</a></p>
                        <div><input type="checkbox" checked> <span>￥76</span></div>
                    </li>
                    <li><img src="images/jia_b.gif" alt=""></li>
                    <li>
                        <a href="#"><img src="images/mat_2.jpg" alt=""></a>
                        <p><a href="#">珠韵 9.5-10.5mm珍珠项链</a></p>
                        <div><input type="checkbox"> <span>￥1890</span></div>
                    </li>
                    <li><img src="images/jia_b.gif" alt=""></li>
                    <li>
                        <a href="#"><img src="images/mat_3.jpg" alt=""></a>
                        <p><a href="#">清新耳环</a></p>
                        <div><input type="checkbox" checked> <span>￥232</span></div>
                    </li>
                    <li><img src="images/equl.gif" alt=""></li>
                    <li>
                        <p class="style_color">套餐价：￥<i>2000</i></p>
                        <input type="text" value="1">
                        <img src="images/z_buy.gif" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <div class="product_pro" id="shuxing">
            <div class="fr_header">
                <a href="#shuxing" class="header_a">商品属性</a>
                <a href="#xiangqing" class="header_b">商品详情</a>
                <a href="#pinlun" class="header_b">商品评论</a>
            </div>
            <div class="pro_bd">
                <table align="center" style="width: 100%; margin: 10px auto;">
                    <tbody>
                        <tr>
                            <td><a href="#">商品名称：天然淡水珍珠</a></td>
                            <td><a href="#">商品编号：1546211 </a></td>
                            <td><a href="#">品牌：珠韵首饰 </a></td>
                            <td><a href="#">上架时间：2015-09-06 09:19:09</a></td>
                        </tr>
                        <tr>
                            <td><a href="#">商品毛重：160.00g</a></td>
                            <td><a href="#">商品产地：法国</a></td>
                            <td><a href="#">珍珠形状：正圆</a></td>
                        </tr>
                        <tr>
                            <td><a href="#">镶嵌材质：纯银</a></td>
                            <td><a href="#">款式：项链</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="product_inf" id="xiangqing">
            <div class="fr_header">
                <a href="#xiangqing" class="header_c style_color">商品详情</a>
            </div>
            <div class="inf_bd">
                <div>
                    <a href="#"><img src="images/de2.jpg" alt=""></a>
                    <a href="#"><img src="images/de3.jpg" alt=""></a>
                    <a href="#"><img src="images/de4.jpg" alt=""></a>
                    <a href="#"><img src="images/de5.jpg" alt=""></a>
                    <a href="#"><img src="images/de6.jpg" alt=""></a>
                    <a href="#"><img src="images/de7.jpg" alt=""></a>
                    <a href="#"><img src="images/de8.jpg" alt=""></a>
                </div>
            </div>
        </div>
        <div class="product_rev" id="pinlun">
            <div class="fr_header">
                <a href="#pinlun" class="header_c style_color">商品评论</a>
            </div>
            <div class="rev_bd clearfix">
                <div class="rev_hd">
                    <table>
                        <tbody>
                            <tr>
                                <td rowspan="3" class="t1 style_color">
                                    <p>80.0%</p><i>好评度</i>
                                </td>
                                <td class="t2">好评（80%）</td>
                                <td class="t3">
                                    <div class="jin">
                                        <div class="du_1"></div>
                                    </div>
                                </td>
                                <td class="t4" rowspan="3">
                                    <div class="dd">
                                        <p>购买过珠韵首饰 天然银扣珍珠项链的顾客，在收到商品才可以对该商品发表评论</p>
                                    </div>
                                </td>
                                <td class="t5" rowspan="3">
                                    <div class="dd">
                                        <p>您可对已购买商品进行评价</p><a href="#"><img src="images/btn_jud.gif" alt=""></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="t2">中评（20%）</td>
                                <td class="t3">
                                    <div class="jin">
                                        <div class="du_2"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="t2">差评（0%）</td>
                                <td class="t3">
                                    <div class="jin">
                                        <div class="du_3"></div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="rev_dd">
                    <div class="pl">
                        <span class="pl_1">
                            <img src="images/peo1.jpg" alt="">
                            <i>向死而生</i>
                        </span>
                        <span class="pl_2">
                            <p>颜色分类：<em>粉色</em></p>
                            <p>型号：<em>43cm</em></p>
                        </span>
                        <span class="pl_3">
                            <p>产品很好，香味很喜欢，必须给赞。 </p>
                            <p><em>2015-09-24</em></p>
                        </span>
                    </div>
                    <div class="pl">
                        <span class="pl_1">
                            <p> <img src="images/peo2.jpg" alt="">
                                <i>就是这么想的 </i>
                            </p>
                        </span>
                        <span class="pl_2">
                            <p>颜色分类：粉色</p>
                            <p>型号：<em>43cm</em></p>
                        </span>
                        <span class="pl_3">
                            <p>送朋友，她很喜欢，大爱</p>
                            <p><em>2015-09-24</em> </p>
                        </span>
                    </div>
                    <div class="pl">
                        <span class="pl_1">
                            <p> <img src="images/peo3.jpg" alt="">
                                <i>墨镜墨镜</i>
                            </p>
                        </span>
                        <span class="pl_2">
                            <p>颜色分类：粉色</p>
                            <p>型号：<em>43cm</em></p>
                        </span>
                        <span class="pl_3">
                            <p>大家都说不错</p>
                            <p><em>2015-09-24</em></p>
                        </span>
                    </div>
                    <div class="pl">
                        <span class="pl_1">
                            <p class="pl_1_3"><img src="images/peo4.jpg" alt="">
                                <i>那*****洋<br>（匿名用户）</i>
                            </p>
                        </span>
                        <span class="pl_2">
                            <p>颜色分类：白色</p>
                            <p>型号：<em>43cm</em></p>
                        </span>
                        <span class="pl_3">
                            <p>下次还会来买，推荐。 </p>
                            <p><em>2015-09-24</em></p>
                        </span>
                    </div>
                    <div class="pl">
                        <div class="anniu">
                            <ul>
                                <li><a href="#">上一页</a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li>...</li>
                                <li><a href="#">20</a></li>
                                <li><a href="#">下一页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- etails 模块 结束 -->
    <!-- 返回按钮 开始-->
    <div class="luu">
        <div class="luu_1"><a href="#dingbu">返回顶部</a><br /></div>
        <div class="luu_1"><a href="#dapei">商品搭配</a><br /></div>
        <div class="luu_1"><a href="#shuxing">商品属性</a><br /></div>
        <div class="luu_1"> <a href="#xiangqing">商品详情</a><br /></div>
        <div class="luu_1"> <a href="#pinlun">商品评论</a><br /></div>
    </div>
    <!-- 返回按钮 结束-->
    <!-- 底部模块 开始 -->
    <footer class="footer">
        <div class="w">
            <div class="mod_hd">
                <ul>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b1.png" alt="">
                        <h5>正品保障</h5>
                        <p>正品行货 放心购买</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b2.png" alt="">
                        <h5>满38包邮</h5>
                        <p>满38包邮 免运费</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b3.png" alt="">
                        <h5>天天低价</h5>
                        <p>天天低价 畅选无忧</p>
                    </li>
                    <li>
                        <!-- 图标 -->
                        <img src="images/b4.png" alt="">
                        <h5>准时送达</h5>
                        <p>收货时间由你做主</p>
                    </li>
                </ul>
            </div>
            <div class="mod_bd clearfix">
                <dl>
                    <dt><a href="#">新手上路</a></dt>
                    <dd><a href="#">售后流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">订购方式</a></dd>
                    <dd><a href="#">隐私声明</a></dd>
                    <dd><a href="#">推荐分享说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">配送与支付</a></dt>
                    <dd><a href="#">货到付款区域</a></dd>
                    <dd><a href="#">配送支付查询</a></dd>
                    <dd><a href="#">支付方式说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">会员中心</a></dt>
                    <dd><a href="#">资金管理</a></dd>
                    <dd><a href="#">我的收藏</a></dd>
                    <dd><a href="#">我的订单</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">服务保证</a></dt>
                    <dd><a href="#">退换货原则</a></dd>
                    <dd><a href="#">售后服务保证</a></dd>
                    <dd><a href="#">产品质量保证</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">联系我们</a></dt>
                    <dd><a href="#">网站故障报告</a></dd>
                    <dd><a href="#">购物咨询</a></dd>
                    <dd><a href="#">投诉与建</a>议</dd>
                </dl>
                <dl class="dd_1">
                    <dt><img src="images/er.gif" alt=""></dt>
                    <dd class="dd_2"><img src="images/ss.png" alt=""></dd>
                </dl>
                <dl class="last_dl">
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">腾讯微博</a></dd>
                    <dd>服务热线：<br><a class="style_red">400-123-4567</a></dd>
                </dl>
            </div>
            <div class="mod_dd ">
                <p>备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright© 1号店网上超市 2007-2016，All RightsReserved.复制必究
                    , Technical Support: Dgg Group </p>
                <div class="links">
                    <a href="#"><img src="images/b_1.gif" alt=""></a>
                    <a href="#"><img src="images/b_2.gif" alt=""></a>
                    <a href="#"><img src="images/b_3.gif" alt=""></a>
                    <a href="#"><img src="images/b_4.gif" alt=""></a>
                    <a href="#"><img src="images/b_5.gif" alt=""></a>
                    <a href="#"><img src="images/b_6.gif" alt=""></a>
                </div>
            </div>
        </div>
    </footer>
    <!-- 底部模块 结束 -->
</body>

</html>